<template>
  <!-- 
    综合发现支付列表、支付确认、阿里支付页面都有一个统一的特点，就是其有服务以及页脚，所以将这几个页面抽离开来，使用路由嵌套抽离出公共部分。
   -->
  <div>
    <router-view></router-view>
    <!-- 服务 -->
    <service-bar></service-bar>
    <!-- 页脚 -->
    <nav-footer></nav-footer>
  </div>
</template>

<script>
  import ServiceBar from '../components/ServiceBar.vue'
  import NavFooter from '../components/NavFooter.vue'
  export default {
    name: 'order',
    data() {
      return {
        title: '',
        tip: ''
      }
    },
    components: {
      ServiceBar,
      NavFooter
    },
  }
</script>

<style scoped>
</style>